{include file="index@index/head"}
    <style>
        .school-list>li>a{
            color:#17a2b8;
            cursor: pointer;
        }
        .school-list>li.active,.school-list>li.active>a{
            background-color: #29a7e1;
            color:#fff;
        }
    </style>
    <!--广告图-->
    <div class="media" style="height: 300px;overflow: hidden">
        <img class="img-fluid" src="{$one.img}" alt="">
    </div>
    <!--内容-->
    <div class="container">
      {$one.content}
        <!--卡片专业-->
        <div class="row " style="margin-left:-30px;margin-right:-30px;">
            <div class="col-6 mb-4">
                <div class="card flex-row align-items-center" style="box-shadow: 0px 0px 16px 0px rgba(30, 28, 27, 0.15);">
                    <img src="__PUBLIC__/static/static/img/001.jpg" alt="">
                    <div class="card-body">
                        <h5 class="text-center font-weight-bold mb-4">考研</h5>
                        <button type="button" class="btn btn-outline-primary btn-block mb-4">立即查看</button>
                    </div>
                </div>
            </div>
            <div class="col-6 mb-4">
                <div class="card flex-row align-items-center" style="box-shadow: 0px 0px 16px 0px rgba(30, 28, 27, 0.15);">
                    <img src="__PUBLIC__/static/static/img/002.jpg" alt="">
                    <div class="card-body">
                        <h5 class="text-center font-weight-bold mb-4">考研</h5>
                        <button type="button" class="btn btn-outline-primary btn-block mb-4">立即查看</button>
                    </div>
                </div>
            </div>
            <div class="col-6 mb-4">
                <div class="card flex-row align-items-center" style="box-shadow: 0px 0px 16px 0px rgba(30, 28, 27, 0.15);">
                    <img src="__PUBLIC__/static/static/img/003.jpg" alt="">
                    <div class="card-body">
                        <h5 class="text-center font-weight-bold mb-4">考研</h5>
                        <button type="button" class="btn btn-outline-primary btn-block mb-4">立即查看</button>
                    </div>
                </div>
            </div>
            <div class="col-6 mb-4">
                <div class="card flex-row align-items-center" style="box-shadow: 0px 0px 16px 0px rgba(30, 28, 27, 0.15);">
                    <img src="__PUBLIC__/static/static/img/004.jpg" alt="">
                    <div class="card-body">
                        <h5 class="text-center font-weight-bold mb-4">考研</h5>
                        <button type="button" class="btn btn-outline-primary btn-block mb-4">立即查看</button>
                    </div>
                </div>
            </div>
            <div class="col-6 mb-4">
                <div class="card flex-row align-items-center" style="box-shadow: 0px 0px 16px 0px rgba(30, 28, 27, 0.15);">
                    <img src="__PUBLIC__/static/static/img/005.jpg" alt="">
                    <div class="card-body">
                        <h5 class="text-center font-weight-bold mb-4">考研</h5>
                        <button type="button" class="btn btn-outline-primary btn-block mb-4">立即查看</button>
                    </div>
                </div>
            </div>
            <div class="col-6 mb-4">
                <div class="card flex-row align-items-center" style="box-shadow: 0px 0px 16px 0px rgba(30, 28, 27, 0.15);">
                    <img src="__PUBLIC__/static/static/img/006.jpg" alt="">
                    <div class="card-body">
                        <h5 class="text-center font-weight-bold mb-4">考研</h5>
                        <button type="button" class="btn btn-outline-primary btn-block mb-4">立即查看</button>
                    </div>
                </div>
            </div>
        </div>
        <!--报考专业-->
        <div class="row flex-column">
            <h1 class="text-center mt-5">报考专业</h1>
            <p class="text-center" style="margin-top:-.5rem">APPLY FOR A MAJOR</p>
        </div>
        <div class="row">
            <!--左侧目录-->
            <div class="col-3">
                <ul class="nav flex-column school-list">
                    {volist name="product" id="v" key='key'}
                    <li class="nav-item border active text-center"><a id="{$v.id}" class="nav-link text-truncate" data-toggle="tab">{$v.school_name}</a></li>
                    {/volist}
                </ul>
            </div>
            <!--右侧内容-->
            <div class="col-9 tab-content">
                <div id="home" class="tab-pane active table-responsive">
               
                </div>
              
            </div>
        </div>
        <!--报考须知-->
        <div class="row flex-column">
            <h1 class="text-center mt-5">报考须知</h1>
            <p class="text-center" style="margin-top:-.5rem">NOTICE FOR THE TEST</p>
        </div>
        <div class="row">
            <div class="col-6">
                <h4 class="font-weight-bold mb-4">辅导方案<small class="text-muted"> / Counseling program</small></h4>
                <ul class="list-unstyled">
                    <li>
                        <h6>一、辅导课程：</h6>
                        <p>①高升专：语文、数学（文/理）、外语</p>
                        <p>②专升本：政治、外语、高等数学（一）、高等数学（二）、大学语文</p>
                    </li>
                    <li>
                        <h6>二、辅导内容：</h6>
                        <p>真题练习+考前精讲+内部资料</p>
                        <p><a href="" class="text-danger">网上报名>></a></p>
                    </li>
                </ul>
            </div>
            <div class="col-6">
                <h4 class="font-weight-bold mb-4">报考条件<small class="text-muted"> / Application qualitions</small></h4>
                <ul class="list-unstyled">
                    <li>拥护中国共产党的领导，遵纪守法，品德良好，身体健康，在职、高中、中专、技校应届毕业生及社会其他人员。</li>
                    <li>高升专：取得高中或中专毕业证书</li>
                    <li>专升本：取得国民教育系列的专科毕业证书</li>
                    <li>报考医学类专升本专业必须持有卫生类职业资格证书.</li>
                </ul>
            </div>
            <div class="col-6">
                <h4 class="font-weight-bold mb-4">考试科目<small class="text-muted"> / Subject of examination</small></h4>
                <ul class="list-unstyled">
                    <li>高升专：语文、数学、英语（一）</li>
                    <li>专升本：大学语文、数学、英语（二）</li>
                    <li class="text-danger">专升本各专业类还需参考统考课程：</li>
                    <li>获得全国英语四级证书、计算机二级证书可免考大学英语、计算机考试。</li>
                    <li>考试在2.5年学制内考完均可。</li>
                </ul>
            </div>
            <div class="col-6">
                <h4 class="font-weight-bold mb-4">考试说明<small class="text-muted"> / Exam instructions</small></h4>
                <ul class="list-unstyled">
                    <li>入学测试由各校组织考试</li>
                    <li class="text-danger">入学测试时间</li>
                    <li>上半年：2月下旬-3月中旬（具体时间由学校组织）</li>
                    <li>下半年：8月下旬-9月中旬（具体时间由学校组织）</li>
                    <li>采取由招生院校自主命题的形式，成绩合格且报名材料复审合格者，均可录取，录取者凭录取通知书到指定的学习中心办理入学手续。</li>
                </ul>
            </div>
            <div class="col-6">
                <h4 class="font-weight-bold mb-4">报名须知<small class="text-muted"> / Notice for the test</small></h4>
                <ul style="list-style-type: circle;margin-left:-20px;">
                    <li>
                        <div class="row">
                            <div class="col-9">
                                <a class="text-truncate" style="display: block;" href="">网络教育学士学位证书图片样本</a>
                            </div>
                            <div class="col-3">
                                08-06
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="row">
                            <div class="col-9">
                                <a class="text-truncate" style="display: block;" href="">网络教育学士学位证书图片样本</a>
                            </div>
                            <div class="col-3">
                                08-06
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="col-6">
                <h4 class="font-weight-bold mb-4">证书样本<small class="text-muted"> / Certificate Sample</small></h4>
                <ul class="list-unstyled d-flex">
                    <li class="pr-2">
                        <img src="https://ss2.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/baike/s=220/sign=6ec12e912edda3cc0fe4bf2231e83905/9358d109b3de9c82f4af4e816c81800a18d843f1.jpg" alt="">
                    </li>
                    <li class="pr-2">
                        <img src="https://ss2.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/baike/s=220/sign=6ec12e912edda3cc0fe4bf2231e83905/9358d109b3de9c82f4af4e816c81800a18d843f1.jpg" alt="">
                    </li>
                </ul>
            </div>
        </div>
        <!--常见问题-->
        <div class="row flex-column">
            <h1 class="text-center mt-5">常见问题</h1>
            <p class="text-center" style="margin-top:-.5rem">COMMON PROBLEM</p>
        </div>
        <ul class="list-unstyled">
            <li class="mt-4">
                <h5 class="font-weight-bold">一、网络教育的文凭是否国家承认，社会认可率如何？</h5>
                <p style="text-indent: 40px">答：网络高等教育（也称远程教育）是我国高等教育的重要组成部分，属于国民教育系列，考生取得毕业证后可以在国家高等教育学生信息网查询，国家承认学历，
                    取得本科学历者可以直接报考研究生、公务员等考试。</p>
            </li>
            <li class="mt-4">
                <h5 class="font-weight-bold">二、网络教育的报名时间、考试时间及考试科目？</h5>
                <p style="text-indent: 40px">答：网络教育报名时间分为上下半年各一次，报考专升本的考生必须带国民教育系列（统招、自考、成考、网络、电大专科均可）的专科毕业证前往报名。考试时间
                    由学校组织安排。</p>
            </li>
            <li class="mt-4">
                <h5 class="font-weight-bold">三、网络高等教育的学制为多长？</h5>
                <p style="text-indent: 40px">答：网络教育分为高升专、专升本2个阶段。其中高升专、专升本的学制均为2.5年，学制最长为5年。</p>
            </li>
            <li class="mt-4">
                <h5 class="font-weight-bold">四、学费怎么收取，每年多少钱？</h5>
                <p style="text-indent: 40px"> 答：学费等录取开学后由学校或各教学站点收取，按照学分收取，一般80-100元/学分，高升专、专升本层次均为80-130学分左右。</p>
            </li>
            <li class="mt-4">
                <h5 class="font-weight-bold">五、网络教育与普通高等教育（统招）、成人高考和自考的区别？</h5>
                <p style="text-indent: 40px"> 答：网络教育、成人高等教育、高等教育自学考试（自考）都为国家高等教育的重要组成部分，也都属于成人教育系列。</p>
                <p style="text-indent: 40px"><a href="" class="text-danger"> 详细区别：详细解答：各类高等教育的区别（点击查看详情）。</a></p>
            </li>
            <li class="mt-4">
                <h5 class="font-weight-bold">六、网络教育报名学习中心</h5>
                <p style="text-indent: 40px">地址：湖北省武汉市洪山区李桥村融科智谷C2幢2单元4层404室 <a href="">网上报名>></a></p>
                <p style="text-indent: 40px"> 电话：027-85559785</p>
            </li>
        </ul>
    </div>

    <script>
        var arr = {:json_encode($product)};
        //console.log(arr);
        $(function(){
            $(".school-list>li:first>a").trigger("click");
        })
        $(".school-list>li>a").click(function(){
            $(".school-list>li").removeClass("active");
            $(this).parent('li').addClass("active");
            //获取id
            const id =$(this).attr('id');
            for(var i in arr){
                if(id == arr[i]['id']){
                    const html1 = '<table class="table table-bordered table-striped text-center">' +
                        '<thead>\n' +
                        '<tr>\n' +
                        '<th>专业名称</th>\n' +
                        '<th>层次</th>\n' +
                        '<th>学制</th>\n' +
                        '<th>学习形式</th>\n' +
                        '<th>网上报名</th>\n' +
                        '</tr>\n' +
                        '</thead>\n' +
                        '<tbody>';
                    const html3 = '</tbody></table>';
                    let ht = '';
                    let html = '';
                    if(arr[i]['list'].length == 0){
                        ht = '<tr><td colspan="5">暂无数据</td></tr>';
                    }else{
                        for(var j in arr[i]['list']){
                            ht +='<tr>' +
                                '<td>'+arr[i]['list'][j]['professional_name'] +'</td>' +
                                '<td>'+arr[i]['list'][j]['gradation'] +'</td>' +
                                '<td>'+arr[i]['list'][j]['number'] +'</td>' +
                                '<td>网上学习</td>' +
                                '<td class="text-danger">< a href=" ">在线报名>></ a></td>' +
                                '</tr>';
                        }
                        
                    } 
                    html = html1 + ht + html3;
                    $("#home").html(html);
                }
            }
        })
    </script>



{include file="index@index/foot"}